import BlurText from "@/components/Animation/BlurText";
import TrueFocus from "@/components/Animation/TrueFocus";
import React from "react";

export default function Page() {
  return (
    <div className="h-full relative flex flex-col gap-8 items-center justify-center">
      <BlurText
        text="今 天 也 有 在 进 步 吗"
        delay={150}
        animateBy="words"
        direction="top"
        className="text-6xl mb-8"
      />

      <TrueFocus
        sentence="学会 珍惜 知足 常乐"
        blurAmount={5}
        borderColor="blue"
        animationDuration={0.75}
        pauseBetweenAnimations={1}
      />
    </div>
  );
}
